@import './common.scss';
.con-list-div{
    padding:8px 12px;
	.sale-list-item{
		  cursor: pointer;
		  background: #fff;
		  margin-bottom:$marginSpace;
		  border-radius: 8px;
		  font-size:$m-font;
		  line-height: 24px;
		  padding:0 16px;
		  .sale-top{
			  padding-top:5px;
			  line-height:40px;
			  border-bottom:0.8px solid $border-color;
			  @include flexbox(space-between,center);
			  .sale-compeny{
				  @include textoverflow(1);
				  padding-right:16px;
			  }
			  .sale-state{
				  color:$u-primary;
			  }
		  }
		  .sale-con{
			 padding-top:5px; 
			.goods-top{
				@include flexbox(space-between,center);
				.goods-name{
					font-size:$m-font;
					padding-right:20px;
				}
				.goods-price{
					font-size:$m-font;
					font-weight:bold;
					white-space:nowrap;
					.label{
						font-size:10px
					}
				}
			}
			.goods-middle{
				.goods-subtxt{
					font-size:$s-font;
					color:$g-font-color;
				}
			}
		  }
		  .sale-bottom{
			line-height:40px;
			text-align: right;
			color:#888;
		  }
		  .sale-btn{
			padding:10px 0;
			text-align: right;
			border-top:0.8px solid $border-color;
			overflow: hidden;
			@include flexbox(flex-end,center);
		  }

		}
}

//订单详情
.order-info-page{
  min-height: 100vh;
  padding-top:0;
  background: $background-color;
  padding-bottom:66px;
  .order-info-top{
    height:100px;
    background: linear-gradient(90deg, #fd7505 0%, #ff4e00 100%), linear-gradient(#ffffff, #ffffff);
	@include flexbox(flex-start,center);
    color:#fff;
    .order-state{
      width:60%;
      padding-left:20px;
      .main-text{
        font-size:$b-font;
      }
      .sub-text{
        margin-top:10px;
        font-size:$s-font;
      }
    }
    .order-img{
      width:40%;
      padding-right:20px;
      text-align: right;
      image{
        width:100px
      }
    }
  }
  .order-info-adr{
    padding:16px;
    background: #fff;
	@include flexbox(flex-start,center);
    .img{
      width:30px;
      image{
        width:100%;
      }
    }
    .adr-info{
      font-size:$m-font;
      color:$font-color;
      width:calc(100% - 30px);
      padding-left:20px;
      .adr-top{
        line-height: 22px;
        .name{
          font-weight: bold;
          padding-right:10px
        }
      }
    }
  }
  .order-block{
    margin-top:$marginSpace;
	background: #fff;
	.u-slot-title{
		font-size:$m-font
	}
	.u-slot-value{
		font-size:$m-font
	}
	.order-title{
		font-size:$m-font;
		padding:10px 15px
	}

  };
  .order-price-block{
	  .order-price-label{
		  font-size:$m-font;
	  }
	  .order-price-text{
		  font-size:$m-font;
		  color:$theme-color;
		  font-weight:bold
	  }
  }
  .order-item-top{

    padding:10px 16px;
    font-size:$m-font;
	@include flexbox(space-between,center);
    position: relative;
    .store-name{
      color:$font-color;
      @include textoverflow(1);
      padding-right:10px;
    }
    .order-state{
      color:$theme-color;
      white-space: nowrap;
    }
  }
  .order-item-top:after{
    @include borderBottom(); 
  }
  .goods-item{
    @include flexbox(flex-start,center);
    padding:16px;
    .goods-info{
	   width:100%;
      .goods-name{
        font-size:$m-font;
        color:$font-color;
		@include textoverflow(2);
      }
      .goods-attr{
        margin-top:5px;
        font-size:$s-font;
        color:$g-font-color
      }
      .goods-price-num{
        margin-top:5px;
		@include flexbox(space-between,center);
        .price{
          font-size:$m-font;
          color:$theme-color
        }
        .num{
          font-size:$s-font;
          color:$g-font-color;
		  float:right;
        }
      }
    }
  }
  .orderRemark{
    @include flexbox(flex-start,flex-start);
    background: #fff;
    padding:10px 16px;
    font-size:$m-font;
    color:$font-color;
    .label{
      width:80px;

    }
    .text{
      width:calc(100% - 80px)
    }
  }
  .order-info-block{
    background: #fff;
    padding:16px;
    .info-title{
      border-left:2px solid $theme-color;
      font-size:$m-font;
      color:$font-color;
      line-height: 16px;
      padding-left:10px;
      margin-bottom:10px;
    }
    .info-con{
      .info-row{
	   @include flexbox(flex-start,flex-start);
        padding-left:10px;
        font-size:$m-font;
        line-height:26px;
        .label{
          color:$g-font-color;
          width:80px;
        }
        .text{
          width:calc(100% - 80px);
          color:$font-color
        }
      }
    }
  }
  .page-bottom-btn{
    position: fixed;
    height:50px;
    background: #fff;
    width:100%;
    bottom:0;
    padding:0 10px;
	z-index: 5;
	@include flexbox(flex-start,center);
    .bottom-left{
      width:40%;
      font-size:$m-font;
      span{
        color:$theme-color
      }
    }
    .bottom-right{
      width:60%;
      text-align: right;
    }
  }
  .releaseBaoJia{
    .title{
      font-size:$b-font;
      color:$font-color;
      text-align: center;
      height:50px;
      line-height: 50px;
      position: relative;
    }
    .title:after{
		@include borderBottom()
    }
    .van-cell:first-child input.van-field__control{
      text-align: right;
    }
  }
}

.chooseAddress-page-div{
  min-height: 100%;
  padding-bottom:76px;
  box-sizing: border-box;
  .chooseAddress-page-title{
    text-align: center;
    line-height: 44px;
    background: #fff;
    border-bottom:0.8px solid $border-color;
    font-size:$b-font;
  }
  .address-item{
    @include flexbox(flex-start,center);
    position: relative;
    padding:10px 16px;
    background: #fff;
    border-bottom:0.8px solid $border-color;
    .address-left{
      width:calc(100% - 50px);
      .address-top{
        font-size:$m-font;
        line-height: 24px;
        color:$font-color;
        .phone{
          padding-left:10px
        }
        .address-lable{
          padding:0 8px;
          background: $u-warning-light;
          font-size:10px;
          color:$u-warning;
          border-radius: 20px;
          display: inline-block;
		  margin-left:5px;
		  line-height: 18px;

        }
      }
      .address-bottom{
        font-size:$s-font;
        line-height: 20px;
        color:$g-font-color
      }
    }
    .address-right{
      width:100px;
      text-align: right;
      font-size:$s-font;
      color:#FF5E01;
      height:36px;
      line-height: 36px;
	  
    }
  }
  .address-page-bottom{
    position: fixed;
    width:100%;
    height:60px;
    bottom:0;
    background: #fff;
    padding:10px 16px;
  }
  .address-page-bottom{
    position: fixed;
    width:100%;
    height:60px;
    bottom:0;
    background: #fff;
    padding:10px 16px;
    box-sizing: border-box;
  }
}

.page-bottom-btn{
    position: fixed;
    height:50px;
    background: #fff;
    width:100%;
    bottom:0;
	@include flexbox(flex-start,center);
  }
.popupTitle{
	font-size:$b-font;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
.popup-con{
	padding:0 16px 16px 16px;
	.popup-block-pay{
		text-align: center;
		padding:20px;
		.price-sub-title{
			font-size:$s-font;
			color:$g-font-color;
			line-height: 30px;
		}
		.price-big-title{
			font-size: 22px;
			color:$theme-color;
			font-weight:bold;
			margin-top:10px;
		}
	}
	.popup-label{
		line-height: 40px;
		font-size:$m-font;
		color:$g-font-color;
		@include flexbox(space-between,center)
	}
	.img-div{
		width:210px;
		height:210px;
		border:1px solid $border-color;
		margin:0 auto;
		background: #f4f5f7;
	}
    .send-list{
		padding-top:$marginSpace;
		.send-item{
			border-radius: 8px;
			padding:12px;
			box-shadow: 0 0 5px rgba(0,0,0,0.1);
			margin-bottom:$marginSpace;
			.send-top{
				@include flexbox(flex-start,flex-start);
				font-size:$m-font;
				.name{
					padding-right:12px;
					flex:1
				}
				.num{
					font-weight: bold;
					color:$theme-color
				}
			}
			.send-middle{
				font-size:$s-font;
				color:$g-font-color;
				line-height: 18px;
				margin-top:5px;
			}
			.send-bottom{
				text-align: right;
				font-size:$s-font;
				margin-top:16px
			}
		}
	}
	.category-list{
		padding:36rpx 0;
		.list-item{
			@include flexbox(flex-start,flex-start);
			margin-bottom:20rpx;
			.item-title{
				width: 126rpx;
				height: 52rpx;
				background: rgba(255,255,255,0.39);
				border: 1px solid #B8B8B8;
				border-radius: 9rpx;
				font-size:$m-font;
				text-align: center;
				line-height: 52rpx;
			}
			.item-list{
				padding-left:30rpx;
				width:calc(100% - 126rpx);
				overflow: hidden;
				.item-ename{
					font-size:$s-font;
					color: #929292;
					line-height: 52rpx;
					width: 170rpx;
					@include textoverflow(1);
					float:left;
				}
			}
		}
	}
	.goodsSn-list{
		border: 1px solid #DEDEDE;
		padding:0 10px;
		font-size:$s-font;
		margin-top:15px;
		padding-bottom:10px;
		.list-cell{
			border-bottom:1px solid #DEDEDE;
			@include flexbox(space-between,center);
			line-height: 60rpx;
			height:60rpx;
		}
		.list-cell:first-child{
			
		}
	}
	.audio-text{
		font-size: 34rpx;
		line-height: 48rpx;
		color: #414141;
		text-align: center;
		padding-top:100rpx;
	}
	.audio-dh{
		@include flexbox(space-between,center);
	}

}
.popup-bottom{
	background: #fff;
	margin-top:10px;
	padding:16px;
}
.popup-bottom-fixed{
	position: fixed;
	width:100%;
	padding:16px;
	box-sizing: border-box;
	bottom:0
}


//首页
.index-page{
	.index-top{
		width:750rpx;
		height:370rpx;
		background: url("https://pic.moresu.com/FkLruDKof1PU_IL3yHw857ZW_IYD") no-repeat;
		background-size: cover;
	}
	.index-con{
		padding:30rpx;
		margin-top:-166rpx;
		.index-block{
			background: linear-gradient(180deg, #EBF3FF 0%, #FFFFFF 20%);
			box-shadow: 0px 0px 10px rgba(0,17,52,0.09);
			opacity: 1;
			border-radius: 18rpx;
			padding:20rpx;
			margin-bottom:26rpx;
			.block-title{
				@include flexbox(center,center);
				padding:20rpx 20rpx 30rpx 20rpx;
			}
			.search-div{
				@include flexbox(space-between,center);
			}
			.ai-div{
				@include flexbox(space-between,flex-start);
				margin-top:40rpx;
				padding-left:20rpx;
				padding-bottom:40rpx;
				.ai-item{
					@include flexbox(flex-start,center);
					.item-icon{
						width: 81rpx;
						height: 81rpx;
						background: #fff;
						border-radius: 18rpx;
						box-shadow: 0px 0px 10rpx rgba(0,17,52,0.09);
						@include flexbox(center,center);
						flex:none
					}
					.item-text{
						padding-left:20rpx;
						.b-text{
							font-size:$m-font;
						}
						.s-text{
							font-size:$s-font;
							color:#929292;
						}
					}
				}
			}
			.index-form{
				padding:0 36rpx 36rpx 36rpx;
				.form-row{
					@include flexbox(flex-end,center);
				}
				.form-icon{
					width: 38rpx;
					height: 38rpx;
					background: rgba(245,249,255,1);
					border-radius: 50%;
					@include flexbox(center,center);
					flex:none;
					margin-left:20rpx;
				}
				.more-div{
					color: #929292;
					font-size:13px;
					margin-top:30rpx;
					@include flexbox(center,flex-end);
				}
			}
		}
		.index-msg-block{
			.msg-item{
				background: rgba(255,255,255,0.39);
				border: 1px solid #FFF4E5;
				box-shadow: 0px 0px 10px rgba(0,17,52,0.09);
				border-radius: 18rpx;
				padding:24rpx 28rpx;
				margin-bottom:18rpx;
				@include flexbox(flex-start,center);
				position: relative;
				.msg-text{
					font-size: 24rpx;
					line-height: 34rpx;
					color: #414141;
					padding:0 10rpx;
					flex:1;
					@include textoverflow(1);
				}
				.msg-icon{
					position: absolute;
					right:0;
					top:0
				}
				.msg-btn{
					width:138rpx;
					height:45rpx;
				}
			}
		}
	}
}


.inquiryList-page{
	background: rgb(242,242,242);
	min-height: 100vh;
	.inquiryList-top{
		padding:32rpx;
		.fifter-div{
			background: #fff;
			border-radius: 18rpx;
			padding:10rpx 0;
			@include flexbox(center,center);
			font-size: $m-font;
			line-height: 48rpx;
			margin-top:20rpx;
			box-shadow: 0px 0px 10rpx rgba(0,17,52,0.09);
			.fifter-item{
				text-align: center;
				width:50%;
				position: relative;
			}
			.fifter-item:first-child{
				color:#FF5E01
			}
			.fifter-item:first-child::after{
				content: ' ';
				position: absolute;
				width:1px;
				height:40rpx;
				background: #DEDEDE;
				right:0;
				top:4rpx;
			}
		}
	}
	.con-list-div{
		.inquiry-list-item{
			position: relative;
			margin-bottom:30rpx;
			.inquiry-state{
				position: absolute;
				right:0;
				top:0;
				z-index: 1;
				width: 162rpx;
				height: 75rpx;
				background: #EFF5FF;
				border-radius: 0px 18rpx 0px 18rpx;
				text-align: center;
				color: #FF5E01;
				font-size:$m-font;
				line-height: 75rpx;
			}
			.inquiry-state.grey{
				color: #929292;
				background: #DEDEDE;
			}
			.inquiry-state.yellow{
				color: #FC9500;
				background: #FFF4E5;
			}
			.box-top{
				background: rgba(255,255,255,1);
				box-shadow: 0px 0px 10px rgba(0,17,52,0.09);
				border-radius: 18rpx 18rpx 0 0;
				padding:32rpx;
				margin-bottom:40rpx;
				position: relative;
				
			}
			.box-bottom{
				background: rgba(255,255,255,1);
				box-shadow: 0px 0px 10px rgba(0,17,52,0.09);
			    border-radius: 0 0 18rpx 18rpx;
				padding:0 32rpx 32rpx 32rpx;
				position: relative;
				margin-top:-4rpx;
			}
			.box-top .jiao,.box-bottom .jiao{
			        width: calc(100% - 40rpx);
			        height:20rpx;
			        position:absolute;
			        left: 20rpx;
			    }
			.box-top .jiao{
				background: #fff;
				bottom: -20rpx;
			}
			.box-bottom .jiao{
				background: #fff;
				top: -20rpx;
			}
			.box-top .jiao::before,.box-bottom .jiao::before{
				content:'';
				position:absolute;
				width: 20rpx;
				height: 20rpx;
				left:-20rpx;
			}
			.box-top .jiao::after,.box-bottom .jiao::after{
				content:'';
				position:absolute;
				width: 20rpx;
				height: 20rpx;
				right:-20rpx;
			}
			.box-top .jiao::before{
				background-image: radial-gradient(circle 20rpx at 0 100%,  transparent 100rpx, #fff 50%);
			}
			.box-top .jiao::after{
				background-image: radial-gradient(circle 20rpx at 100% 100%,  transparent 100rpx, #fff 50%);
			}
			.box-bottom .jiao::before{
				background-image: radial-gradient(circle 20rpx at 0 0,  transparent 100rpx, #fff 50%);
			}
			.box-bottom .jiao::after{
				background-image: radial-gradient(circle 20rpx at 100% 0,  transparent 100px, #fff 50%);
			}
				
			.inquiry-item-top{
				font-size: $m-font;
				line-height: 40rpx;
				color: #1E1E1E;
				margin-top:10rpx;
				position: relative;
				font-weight: bold;
				padding-right:180rpx;
			}
			.inquiry-item-top::after{
				content: ' ';
				position: absolute;
				width: 6rpx;
				height: 36rpx;
				background: linear-gradient(180deg, #FF5E01 0%, #FF5E01 100%);
				border-radius: 3rpx;
				overflow: hidden;
				left:-35rpx;
				top:0;
			}
			.item-attr{
				padding:30rpx 0;
				.attr-blur{
					font-size: $s-font;
					line-height: 34rpx;
					color: #FF5E01;
					border-radius: 22rpx;
					background: #EFF5FF;
					padding:4rpx 32rpx;
					display: inline-block;
					margin-right:20rpx;
				}
				.attr-yellow{
					font-size: $s-font;
					line-height: 34rpx;					
					color: #FC9500;
					border-radius: 22rpx;
					background: #FFF4E5;
					padding:4rpx 32rpx;
					display: inline-block;
				}
			}
			.item-cell-div{
				.item-cell{
					font-size:26rpx;
					.label{
						color:#929292
					}
				}
			}
			.item-line{
				height:2rpx;
				background: #DEDEDE;
				width:100%;
			}
			.item-bottom{
				position: relative;
				.item-bottom-con{
					@include flexbox(space-between,center);
					flex-direction:row-reverse;
					padding-top:12rpx;
					.bottom-left{
						position: relative;
						.small-txt{
							color: #1E1E1E;
							font-size:20rpx;
						}
						.big-txt{
							font-size: 48rpx;
							font-weight: bold;
							color: #FF0000;
						}
					}
				}
			}
		}
	
		  
		  
	}
}
.inquiry-info-page{
	
	.inquiry-info-block{
		background: linear-gradient(180deg, #fffbf5 0%, #FFFFFF 10%);
		box-shadow: 0px 0px 10px rgba(0,17,52,0.09);
		padding:32rpx;
		.inquiry-state{
			text-align: center;
			padding:32rpx;
			padding-bottom:48rpx;
			border-bottom:2rpx dashed #DEDEDE;
			.big-txt{
				font-weight: bold;
				font-size:34rpx;
				color: #070D14;
			}
			.small-text{
				color: #929292;
				font-size: 24rpx;
				margin-top:10rpx;
				.red-text{
					color:#FF0000 ;
					padding:0 10rpx;
				}
			}
		}
		.info-title{
			font-size: 34rpx;
			font-weight: bold;
			line-height: 48rpx;
			color: #FF5E01;
			padding:32rpx 160rpx 32rpx 0;
			position: relative;
			
			.info-title-btn{
				position: absolute;
				width:134rpx;
				height:50rpx;
				right: 0;
				top:32rpx;
				border: 2rpx solid #FF5E01;
				border-radius: 28rpx;
				color: #FF5E01;
				text-align: center;
				font-size: 26rpx;
				line-height: 44rpx;
				font-weight: 400;
			}
			.info-title-btn.choose{
				background:#FF5E01;
				color:#fff
			}
		}
		.info-con{
			.info-row{
				margin-bottom:26rpx;
				@include flexbox(flex-start,flex-start);
				.info-col{
					width:50%;
					font-size:26rpx;
					@include flexbox(flex-start,flex-start);
					.info-label{
						color: #929292;	
						width:140rpx;
					}
					.info-text{
						color: #1E1E1E;
					}
				}
			}
			
		}
	}

	.price-list{
		color: #1E1E1E;
		padding:24rpx;
	    padding-bottom:200rpx;
		.price-title{
			position: relative;
			font-size: 26rpx;
			padding-left:20rpx;
		}
		.price-title::after{
			content: '';
			position: absolute;
			width: 6rpx;
			height: 36rpx;
			background: linear-gradient(180deg, #FF5E01 0%, #FF5E01 100%);
			border-radius: 3rpx;
			left:0;
			top:0
		}
		.price-item{
			background: #fff;
			box-shadow: 0px 0px 10rpx rgba(0,17,52,0.09);
			border-radius: 18rpx;
			margin-top:30rpx;
			padding:24rpx;
			.price-top{
				@include flexbox(space-between,flex-start);
				font-size: 26rpx;
				font-weight: 400;
				padding-bottom:32rpx;
				.top-left{
					.time{
					    margin-top:10rpx;
						color: #929292;
					}
				}
				.top-right{
					text-align: right;
					.price{
						.big-font{
							font-size: 38rpx;
							font-weight: bold;
							color: #FF0000;
						}
						.small-font{
							color: #1E1E1E;
							font-size: 26rpx;
						}
					}
					.mode{
						margin-top: 10rpx;
						color: #FF0000;
					}
				}
				
				
			}
			.price-con{
		
				.con-title{
					font-size: 30rpx;
					font-weight: bold;
					line-height: 42rpx;
					color: #1E1E1E;
				}
				.con-div{
					background: #F9F9F9;
					border-radius: 18rpx;
					padding:24rpx;
					.con-row{
						@include flexbox(flex-start,flex-start);
						margin-bottom:24rpx;
						.con-col{
							font-size:26rpx;
							font-weight: 400;
							@include flexbox(flex-start,flex-start);
							width:50%;
							.label{
								color: #929292;	
								width:140rpx;
							}
							.text{
								color: #1E1E1E;
							}
						}
						
					}
					.con-row:last-child{
						margin-bottom:0
					}
					
				}
			}
			.price-bottom{
				@include flexbox(flex-start,center);
				border-top:1px solid #DEDEDE;
				padding-top:32rpx;
				margin-top:32rpx;
				
			}
		}
	}
	
	
}

